
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>

<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%>

<!DOCTYPE html>
<html:html>
<head>
<meta charset="UTF-8">
<title><tiles:getAsString name="title" /></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="EscenApache - Una empresa de eventos y espectáculos con sede en Asturias." />
<meta name="keywords" content="escenapache, escena, apache, empresa, eventos, espectáculos, asturias" />

<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
<![endif]-->

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->

<!-- CSS -->
<link rel="stylesheet" href="pages/css/styles.css" type="text/css" />
<link rel="stylesheet" href="pages/css/header.css" type="text/css" />
<link rel="stylesheet" href="pages/css/menu.css" type="text/css" />
<link rel="stylesheet" href="pages/css/footer.css" type="text/css" />
<link rel="stylesheet" href="pages/css/contents.css" type="text/css" />
<link rel="stylesheet" href="pages/css/espectaculos.css" type="text/css" />
<link rel="stylesheet" href="pages/css/eventos.css" type="text/css" />
<link rel="stylesheet" href="pages/css/inicio.css" type="text/css" />
<link rel="stylesheet" href="pages/css/somos.css" type="text/css" />
<link rel="stylesheet" href="pages/css/actores.css" type="text/css" />
<link rel="stylesheet" href="pages/css/webfontkit/stylesheet.css"
	type="text/css" />
<!-- css del slider -->
<link rel="stylesheet" href="pages/css/bx_styles.css" type="text/css" />
<!-- CSS del toTop -->
<link rel="stylesheet" href="pages/css/ui.totop.css" type="text/css" />
<!-- JavaScripts 
<script
	src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'
	type='text/javascript'></script>
<script type="text/javascript"
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script src="pages/scripts/menu-script.js" type="text/javascript"></script>-->

<!-- scripts del slider -->
<script type="text/javascript"
	src='<c:url value="/pages/scripts/contentslider.js"/>'></script>
<script type="text/javascript"
	src='<c:url value="/pages/scripts/jquery-1.7.1.min.js"/>'></script>
<script type="text/javascript"
	src='<c:url value="/pages/scripts/easing.1.3.js"/>'></script>
<script src='<c:url value="/pages/scripts/jquery.bxSlider.min.js"/>'
	type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('#slider1').bxSlider();
	});
</script>

<!--  fin del slider  -->
<%-- <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 --%>
<!--  Curtains -->
<script src='<c:url value="/pages/scripts/curtains.js"/>'
	type="text/javascript"></script>

<link rel="stylesheet" href="pages/css/galleriffic/basic.css"
	type="text/css" />
<link rel="stylesheet" href="pages/css/galleriffic/galleriffic-3.css"
	type="text/css" />



<script type="text/javascript"
	src="pages/scripts/galleriffic/jquery.history.js"></script>
<script type="text/javascript"
	src="pages/scripts/galleriffic/jquery.galleriffic.js"></script>
<script type="text/javascript"
	src="pages/scripts/galleriffic/jquery.opacityrollover.js"></script>

<script type="text/javascript">
	document.write('<style>.noscript { display: none; }</style>');
</script>

<script type="text/javascript" src="pages/scripts/jquery.tinyscrollbar.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$('#scrollbar1').tinyscrollbar();	
		});
		
	</script>	


</head>
<body>

	<div id="logo" class="fixed">
		<h1>
			<a href='<c:url value="/inicio.do"/>'><img alt="Logo EscenApache"
				src='<c:url value="/images/logoLaPerra/logoPerra.jpg"/>' /></a>
		</h1>
	</div>

	<div id="content-full">
		<div id="scroll">
			<div id="header" class="fixed">
				<div id="next-previous">
					<a id="previous" href="#"><img
						alt="" src='<c:url value="/images/iconos/1346950332_previous.png"/>' /><span>volver</span></a>
					<a id="next" href="#"><img
						alt="" src='<c:url value="/images/iconos/1346950298_next.png"/>' /><span> página
							siguiente</span></a>
				</div>
				<tiles:insert attribute="header" />
			</div>
			<div id="content">
				<tiles:insert attribute="content" />
			</div>

			<div id="footerEscena">
				<tiles:insert attribute="footer" />
			</div>

		</div>

	</div>

	<div id="menu" class="fixed">

		<tiles:insert attribute="menu" />
	</div>

	<!-- scripts del toTop -->
	<script type="text/javascript"
		src='<c:url value="/pages/scripts/jquery.ui.totop.js"/>'></script>
	<!-- easing plugin ( optional ) -->
	<script type="text/javascript"
		src='<c:url value="/pages/scripts/easing.js"/>'></script>
	<script type="text/javascript">
		$(document).ready(function() {
			/*
			var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 2200,
				easingType: 'linear' 
			};
			 */

			$().UItoTop({
				easingType : 'easeOutQuart'
			});

		});
	</script>

</body>
</html:html>
